<!--

    Copyright (c) 1997, 2018 Oracle and/or its affiliates. All rights reserved.

    This program and the accompanying materials are made available under the
    terms of the Eclipse Public License v. 2.0, which is available at
    http://www.eclipse.org/legal/epl-2.0.

    This Source Code may also be made available under the following Secondary
    Licenses when the conditions for such availability set forth in the
    Eclipse Public License v. 2.0 are satisfied: GNU General Public License,
    version 2 with the GNU Classpath Exception, which is available at
    https://www.gnu.org/software/classpath/license.html.

    SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0

-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:my="http://java.sun.com/jsf/composite/composite">
<h:head>
  <title>A Simple JavaServer Faces 2.0 View</title>
<style type="text/css">
.grayBox { padding: 8px; margin: 10px 0; border: 1px solid #CCC; background-color: #f9f9f9;  }
</style>

</h:head>
<h:body>
  <h:form prependId="false">

      <p>We pass a literal string as the value of the "item" attribute in the
          composite component below.  This literal string must be set into
          the value of the corresponding javaBeans property on the
      java top level component for javaTopLevelComponent.</p>

      <p>Also, we do not pass an "action" attribute.  The composite component
          has a default value for the "action" attribute, which is
      javaTopLevelComponent2.  This means that pressing the login button will
      cause navigation to javaTopLevelComponent2.</p>

    <p>First Name: #{userBean.firstName} Last Name: #{userBean.lastName}</p>

    <p>Composite Component usage:</p>

<div id="cc" class="grayBox" style="border: 1px solid #090;">
<p><my:javaTopLevelComponent id="loginPanel1" usernameLabel="username"
                             loginButtonLabel="Login"
                             item="Smallberries" valExp="#{param.q}"
                             int="5"/></p>
</div>

  </h:form>
</h:body>
</html>
